@import "color";

.console-header {
  width: 100%;
  height: 60px;

  background-color: $white;
  box-shadow: 1px 1px 5px rgba(39, 41, 56, 0.2);

  .right-nav {
    margin: 0;
    padding: 0;

    display: block;
    font-size: 14px;
    float: right;

    > li {
      display: block;
      float: left;

      line-height: 14px;

      > a {
        display: block;
        color: $color-text-secondary-assist;
        padding: 20px 13px;
        line-height: 13px;
        border-left: 1px solid $color-border-light;

        &:hover {
          color: $color-text-assist;
          background-color: $color-border-light;
        }

        .anticon {
          font-size: 20px;
          margin-right: 10px;

          &.toggle-chevron {
            margin-right: 0;
          }
        }

        .user-avatar {
          display: block;
          float: left;
          width: 30px;
          height: 30px;
          margin-top: -6px;
          margin-right: 10px;
        }

        .user-info {
          display: block;
          float: left;
          margin-top: -6px;
          margin-right: 20px;

          .user-nick {
            display: block;
          }
          .user-email {
            margin-top: 3px;
            font-size: 12px;
            display: block;
            color: $color-text-disabled;
          }
        }
      }
    }
  }
}
